<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>YuekeBlog</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" th:href="@{/res/layui/css/layui.css}">
	<link rel="stylesheet" th:href="@{/res/static/css/mian.css}">
</head>
<body class="lay-blog">
		<!--顶栏取自common里的fragment-->
		<div th:insert="~{front/commons/common::topBar(nav='index.html')}"></div>
		<!--中间栏：内容-->
		<div class="container-wrap">
			<div class="container">
					<div class="contar-wrap">
						<h4 class="item-title">
							<p><i class="layui-icon layui-icon-speaker"></i><!--公告：--><span>有空的话就会分享一点心情或者笔记</span></p>
						</h4>
						<div class="item" th:each="article:${articleList}">
							<div class="item-box  layer-photos-demo1 layer-photos-demo">
								<h3><a th:href="@{/toDetail(aid=${article.getAid()})}" th:text="${article.getTitle()}">文章标题</a></h3>
								<h5>发布于：<span th:text="${#dates.format(article.getTime(), 'yyyy/M月/d日 HH:mm')}">发布时间</span></h5>
								<p th:text="${article.getContent()}">文章内容</p>
								<!--<img th:src="@{/res/static/images/item.png}" alt="">-->
							</div>
							<div class="comment count">
								<a th:href="@{/toComment(aid=${article.getAid()})}">去评论</a>
								<a href="javascript:;" class="like">点赞</a>
							</div>
						</div>
					</div>
					<!--<div class="item-btn">
						<button class="layui-btn layui-btn-normal">下一页</button>
					</div>-->
			</div>
		</div>
		<!--底栏，取自common里的fragment-->
		<div th:insert="~{front/commons/common::bottomBar}"></div>
	<script th:src="@{/res/layui/layui.js}"></script>
	<script>
		layui.config({
		  base: '/res/static/js/'
		}).use('blog');	
	</script>
</body>
</html>